$(function () {
  var body = document.getElementsByTagName('body')[0];
  if (body.id === 'bussinessBody') {
    var $bussinessStartPlay = $('#bussinessStartPlay');     // 新药业务开始视频按钮
    var $bussinessVideo = $('.bussiness-video');            // 新药业务视频盒子
    var $initbussinessImg = $('.initbussinessImg');            // 初始化背景图片
    var bussinessPlayer;

    /*点击视频播放与暂停*/
    $bussinessVideo.on('click', function () {
      playVideoComon(bussinessPlayer, $initbussinessImg, $bussinessStartPlay);
    });

    var videoInit = function () {
      var u = navigator.userAgent;
      var options = {};
      bussinessPlayer = videojs('bussiness-player', options);
      // 加载完成自动播放且没声音
      bussinessPlayer.on('loadeddata', function () {
        DOM.$video.addClass('visible');
        bussinessPlayer.volume(100);
      });
    };
    videoInit();

    /*公共播放的方法*/
    function playVideoComon(videoPlayer, initBg, videoStartBtn) {   //视频id，初始背景图片，开始按钮
      videoPlayer.play();
      $(initBg).hide();
      if (videoStartBtn.hasClass('startPlay')) {
        videoStartBtn.hide().removeClass('startPlay');
        videoPlayer.play();
      } else {
        videoStartBtn.show().addClass('startPlay');
        videoPlayer.pause();
      }
    }

    if (body.id === 'bussinessBody') {
      var $childMenuList = $('#childMenu li');             // 二级导航按钮
      var $liA = $('#childMenu li a');                     // 二级导航按钮的a标签

      // 给swiper绑定change插件
      mySwiper.on('slideChange', function () {
        // 切换一屏就停止播放视频
        bussinessPlayer.pause();
        $bussinessStartPlay.show();
        $bussinessStartPlay.addClass('startPlay');


        // 页面切换后执行
        var $menuName = $('#menuName');
        // 根据不同的index，更换不同的menu的名字
        $menuName.html($liA[this.activeIndex].text);
        if(this.activeIndex==2){
          var progress = $('.bottomFlexBox').find('.progress');
          progress.each(function (i, el) {
            var timer = null;
            var width = Math.floor($(el).width());
            var originWidth = 0;
            $(el).width(originWidth);
            timer = setInterval(function () {
              $(el).width(++originWidth);
              if(originWidth >= width){
                clearInterval(timer);
              }
            }, 5);
          });
        }

      });




      /*二级导航滚屏*/
      for (var i = 0; i < $childMenuList.length; i++) {
        $childMenuList[i].index = i;
        $childMenuList[i].onclick = function () {
          mySwiper.slideTo(this.index, 1000, false);//切换到第一个slide，速度为1秒
        }
      }
    }
  }
});

